/*********************************************************************************/
/* Général                                                                       */
/*********************************************************************************/
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{    
    font-family: 'Open Sans',sans-serif;
}

h3 {
	font-weight: 400;
}

.font-weight-600 {
	font-weight: 600;
}
.font-weight-400 {
	font-weight: 400;
}

a.link-invisible, a:hover.link-invisible {
	text-decoration: none;
	color: inherit;
}

.label {
	font-weight: 600;
}
b, strong {
	font-weight: 600;
}
ul
{
	list-style-type: none;
	padding-left: 0;
}

th {
	border-bottom-width: 0px !important;
}

.blue-label {
	color: #428bca;
}
.btn-success {
    background-color: #05AE0E !important;
    border-color: #05AE0E !important;
}

hr.style-1 {
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.btn-actions-bo {
	width: 99px;
}

#navbar-brand {
	padding-top: 8px;
	padding-bottom: 0;
}
.no-margin {
	margin: 0px;
}
.no-padding {
	padding: 0px;
}
.tooltip-inner {
	text-transform: capitalize;
	letter-spacing: 1px;
}
.espace-verti-top-15 {
	padding-top: 15px;
}
.espace-verti-top-25 {
	padding-top: 25px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.va-middle {
    vertical-align: middle;
}
.va-top, .va-middle, .va-bottom {
    display: table-cell;
}
.inline-block {
    display: inline-block;
}
.navbar-fixed-top, .navbar-fixed-bottom {
	z-index: 10;
}
.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/*********************************************************************************/
/* Backend Accueil */
/*********************************************************************************/

.cover {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.cover.black {
    background-color: rgba(0, 0, 0, 0.6);
}

.backend-accueil {
	z-index: 3;
	position: relative;
}
.backend-accueil .logo1001 {
    color: #ffffff;
    font-size: 56px;
    font-weight: 300;
    position: relative;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
    z-index: 3;
}
.logo-responsive {
    height: auto;
    max-height: 62px;
    max-width: 520px;
    width: 100%;
}
.backend-accueil #logo-description {
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
    position: relative;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
    z-index: 3;
}

.backend-accueil #texte-accueil-backend {
    font-size: 45px;
    padding-top: 20px;
}

.backend-accueil #form-boutons {
	padding-top: 100px;
}

/*********************************************************************************/
/* Backend Sejour Image principale aperçu                                        */
/*********************************************************************************/

#apercuSejourImage img {
	width: 100px;
}

#galerie-sejour img {
	width: 200px;
}

/*********************************************************************************/
/* Bacground                                                                     */
/*********************************************************************************/
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

/* STYLE BALISES GENERALES */
.modal-dialog {
	width: 900px;
}
.modal-content {
	border-radius: 0;
}

.titre-center {
	text-align : center;
}

.titre-cap {
	text-transform : capitalize;
}
.titre-non-cap {
	text-transform : none !important;
}
.fiche-titre h1 {
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 22px;
	margin-top: 0;
}
.fiche-titre h2 {
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 24px;
}
.fiche-sstitre h3 {
	color: #428BCA;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 16px;
}
.panel-sejour .panel-heading {
	background: none repeat scroll 0 0 rgba(22, 84, 135, 0.9);
	border-bottom: 1px solid #66baff;
	color: #fff;
}
	.panel-sejour .panel-heading h2 {
		margin: 0;
		font-size: 18px;
	}
.bloc-panel {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    /*padding: 0 3px 0 3px;*/
    margin-bottom: 20px;
}
	.bloc-panel .panel-content {
		padding: 12px 25px 12px 25px;
		font-size: 20px;
		color: #555555;
		line-height: 1.2em;
	}
	.bloc-panel .panel-content .panel-row {
		font-size: 14px;
		padding-top: 15px;
	}

.bloc-infos {
	border: 0px;
}

/*** COLUMNS STYLE  ***/
	.columns-centered
	{
		float: none;
		margin: 0 auto; 
	}

/*** MODAL STYLE  ***/
	.modal.error .modal-title
	{
		color: #444444;
	}
	.modal.error .modal-body .main-body
	{
		color: #C2C2C2
	}
	.modal.error .modal-body .errorMessage
	{
		padding-top: 10px;
		color: #444444;
		font-weight: 600;
	}


/*********************************************************************************/
/* HEADER STYLES       
		NAVBAR THEME BLUE                                                          */
/*********************************************************************************/

.navbar-inverse {
    background: none repeat scroll 0 0 rgba(22, 84, 135, 0.9);/*165487*/
    border-bottom: 1px solid #66baff;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 80px;
    padding-top: 10px;
}

#header-home-bar .navbar-inverse {
	min-height: inherit;
	padding-top: 0;
}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover {
	/*background-color: #3876AB*/
	color:#000;
}

.navbar-inverse .navbar-nav>li>a:focus {
	/*background-color: #3876AB*/
	color:#000;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
}


/*.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #3876AB}*/
.dropdown-menu { background-color: #FAF5F7}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #4CA0E8}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse .navbar-brand { color: #FAF5F7}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}

.navbar-inverse .navbar-nav>li>a {
	color: #EAEAEA;
	font-weight: 400;
	letter-spacing: 1px;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: #fff;
}

/* Bouton Retour à la Page d'Accueil*/
.btn-retour {
	font-size: 1em;
	position: fixed;
	left: 0;
	bottom: 15px;
	z-index: 99;
	margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
	background-color: #333;
	color: #fff;
    border: 1px solid rgba(78, 170, 237, 0.4);
    border-radius: 3px;
    text-transform: capitalize;
}
a.btn-retour:hover {
	text-decoration: none;
	background-color: #212121;
	color: #fff;
}
.navbar-nav .btn-a{
	color: #2D6593 !important;
	background-color: #fff;
    border: 1px solid rgba(78, 170, 237, 0.4);
    border-radius: 3px;
    margin-left: 5px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: capitalize;
}
.navbar-nav .btn-a:hover {
	background: none repeat scroll 0 0 rgba(22, 84, 135, 0.9);
	color: #fff !important;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	color: #FFFFFF;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


.navbar .navbar-form-expanded input, .navbar .navbar-form-expanded input:focus:hover {
    transition: width 0.25s ease 0s;
}
.navbar input[data-width="70px"], .navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"] {
    width: 70px !important;
}
.navbar input[data-width="80px"], .navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"] {
    width: 80px !important;
}
.navbar input[data-width="90px"], .navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"] {
    width: 90px !important;
}
.navbar .navbar-form-expanded input, .navbar input[data-width="100px"], .navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"] {
    width: 100px !important;
}
.navbar input[data-width="110px"], .navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"] {
    width: 110px !important;
}
.navbar input[data-width="120px"], .navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"] {
    width: 120px !important;
}
.navbar input[data-width="130px"], .navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"] {
    width: 130px !important;
}
.navbar input[data-width="140px"], .navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"] {
    width: 140px !important;
}
.navbar input[data-width="150px"], .navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"] {
    width: 150px !important;
}
.navbar input[data-width="160px"], .navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"] {
    width: 160px !important;
}
.navbar input[data-width="170px"], .navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"] {
    width: 170px !important;
}
.navbar .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"], .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"] {
    width: 180px !important;
}
.navbar input[data-width="190px"], .navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"] {
    width: 190px !important;
}
.navbar input[data-width="200px"], .navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"] {
    width: 200px !important;
}
.navbar .navbar-form-expanded .form-control, .navbar.navbar-inverse .btn-default {
    background-color: #4896D6;
    border-color: #4EAAED;
    color: #fff;
}
.input-group-addon, .input-group-btn {
	width: 0;
}
.navbar.navbar-inverse .btn-default:hover, 
.navbar.navbar-inverse .btn-default:focus, 
.navbar.navbar-inverse .btn-default:active, 
.navbar.navbar-inverse .btn-default.active {
    background-color: #38709E;
    border-color: #4EAAED;
    color: #ffffff;
}
.navbar .navbar-form-expanded .form-control::-webkit-input-placeholder {
	color: #E5E5E5;
}

.navbar .navbar-form-expanded .form-control:-moz-placeholder {
	color: #E5E5E5;
}

.navbar .navbar-form-expanded .form-control::-moz-placeholder {
	color: #E5E5E5;
}

.navbar .navbar-form-expanded .form-control:-ms-input-placeholder {
	color: #E5E5E5;
}

/*********************************************************************************/
/* Rank star images                                                                      */
/*********************************************************************************/
.confortOff
{
	background-image:url(../img/picto_confort_off.jpg);
	background-repeat:no-repeat;
	width: 24px !important;
	height: 24px;
}
.confortOn
{
	background-image:url(../img/picto_confort_on.jpg);
	background-repeat:no-repeat;
	width: 24px !important;
	height: 24px;
}
.techniqueOff
{
	background-image:url(../img/picto_technique_off.jpg);
	background-repeat:no-repeat;
	width: 24px !important;
	height: 24px;
}
.techniqueOn
{
	background-image:url(../img/picto_technique_on.jpg);
	background-repeat:no-repeat;
	width: 24px !important;
	height: 24px;
}
.physiqueOff
{
	background-image:url(../img/picto_physique_off.jpg);
	background-repeat:no-repeat;
	width: 24px !important;
	height: 24px;
}
.physiqueOn
{
	background-image:url(../img/picto_physique_on.jpg);
	background-repeat:no-repeat;
	width: 24px !important;
	height: 24px;
}


/*********************************************************************************/
/* Bloc Recherche Search Séjours                                                 */
/*********************************************************************************/
.imagePrincipale {
	padding: 3 !important;
	text-align: center;
}
.imagePrincipale img {
	max-height: 46px;
	max-width: 153px;
	vertical-align: middle;
}
#accueil-recherche {
	min-height: 457px;
	z-index: 9;
}
#accueil-recherche .panel, #fiche-content .panel {
    /*background-color: rgb(244, 244, 244) !important;*/
  	background-color: rgba(237, 237, 237, 0.7) !important;
  	border-radius: 0 !important;
}
.bloc-parent
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CDCDCD #CDCDCD -moz-use-text-color;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-width: 1px 1px medium;
    padding: 0 30px 0 30px;
    position: relative;
}
.bloc-parent .page-header {
	border-bottom: 1px solid #fff;
}
	.bloc-parent .page-header.aucun-resultat {
		border-bottom: 0px;
	}
.bloc-parent h3
{
	color: #4768AF;
	letter-spacing: 1.2px
}
.bloc-parent h3#titre-filtres {
	font-size: 1.5em;
}
.bloc-parent .tgFiltre
{
	color: #353535;
	letter-spacing: 1px;
	font-size: 15px !important;
	padding-bottom: 10px;
}
.bloc-parent ul
{
	color: #428BCA;
	letter-spacing: 0.9px;
	font-size: 13px;
}
	.bloc-parent ul li
	{		
		line-height: 15px;
	}
	.bloc-parent ul li.actif
	{		
		cursor: pointer;
	}
	.bloc-parent ul li.actif:hover {
		color: #353535;
	    transition: all 0.5s ease 0s;
	}
.bloc-parent .form-group
{
    margin-bottom: 0px;
}
.bloc-parent #code-voyage {
	text-align: right;
		font-size: 15px;
	    line-height: 1.2em;
	    text-transform : uppercase;
	    letter-spacing: 1px;
	}
.clear-filtre
{
	display: inline-block;
}


#teaser-homepage {
	padding-bottom: 20px;
}
#teaser-homepage h2 {
	border-bottom: 1px solid #fff;
	padding-bottom: 9px;
}
#teaser-homepage .vignette {
	padding-top: 15px;
}
#teaser-homepage img {
    background-clip: padding-box;
    border-radius: 4px;
    width: 100%;
    max-height: 100px;
}



/* FILTRES DE RECHERCHE */
div.rd-filtres {
    margin: 15px 0 23px 5px;
    padding-top: 33px;
}
div.rd-filtres a {
    margin: 3px 2px;
}
div.rd-filtres a {
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 8px 20px;
    text-decoration: none;
    text-shadow: none;
}
div.rd-filtres a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #AAAAAA;
    font-size: 11px;
    text-transform: uppercase;
}
div.rd-filtres a.actif:hover {
    background: none repeat scroll 0 0 #30ABD5;
    color: #FFFFFF;
}

.filtre-recherche {
	width: 220px !important;
}

/* ANIMATION RECHERCHE SEJOURS */

.fadeInDown.ng-leave.ng-leave-active,
.fadeInDown.ng-move,
.fadeInDown.ng-enter {
	opacity:0;
}
.fadeInDown.ng-leave,
.fadeInDown.ng-move.ng-move-active,
.fadeInDown.ng-enter.ng-enter-active {
  opacity:1;
}
.fadeInDown.ng-move,
.fadeInDown.ng-enter
{
	-webkit-animation: fadeInUp 0.5s;
	animation: fadeInUp 0.5s;
}
.fadeInDown.ng-leave
{
	-webkit-animation: fadeOutDown 0.5s;
    animation: fadeOutDown 0.5s;
}

/* Liste Sejours */
.section-sejour {
	padding-bottom: 20px;
	padding-left: 15px;
}
.section-sejour .left-col {
	padding-right: 0;
	padding-left: 0;
}
	.section-sejour .left-col img {
		display: block;
	    height: 250px;
	    width: 100%;
	}
.section-sejour .right-col {
	height: 250px;
	background-color: #fff;
	color: #666666;
    font-size: 13px;
    line-height: 0.5em;
    overflow: hidden;
    padding: 10px 0 0;
    text-align: justify;
    transition: color 0.2s ease 0s, background 0.2s ease 0s;
}
	.section-sejour .right-col .part-up {
		line-height: 1em;
		height: 210px;
		padding: 0 20px;
	}
		.section-sejour .right-col .part-up #row-destination-duree {
			padding-bottom: 5px;
		}			
	.section-sejour .right-col .part-down {
		height: 30px;
		font-weight: 400;
		color: #428bca;
		/*text-align: left;*/
		padding: 12px 20px 0 20px;
	}
		.section-sejour .right-col .part-down #select-sejour {
			text-align: right;
			padding-right: 0;
		}
			.section-sejour .right-col .part-down #select-sejour .btn-select-sejour {
				margin-top: -15px;
				border-radius: 0 !important;
				background: none repeat scroll 0 0 #428bca;
				color: #f9f6e5;
				padding-top: 3px;
				padding-bottom: 3px;
				border: medium none;
			}
			.section-sejour .right-col .part-down #select-sejour .btn-select-sejour:hover, .section-sejour .right-col .part-down #select-sejour .btn-contactez-nous:active {
				color: #f9f6e5;
				background: none repeat scroll 0 0 #2a6496;
			}

	a.link {
		text-decoration: none;
	}
	a.link:hover {
		color: #353535;
	    transition: all 0.5s ease 0s;
	}

	.section-sejour .right-col .sousTitre {
		border-bottom: 1px dashed #CCCCCC;
	    color: #444D52;
	    font-size: 15px;
	    height: 19px;
	    margin-bottom: 10px;
	    padding: 2px 0 10px;
	    transition: color 0.2s ease 0s;
	}
	.section-sejour .right-col .resume-sejour {
		line-height: 1.2em;
	}
	.section-sejour .right-col h3, h3.titre_h3 {
		color: #428bca;
		transition: color 0.2s ease 0s;
	    font-size: 19px;
	    font-weight: normal;
	    line-height: 1.1em;
	    margin: 0;
	    padding-bottom: 5px;
	}

#row-nombre-resultats {
	margin-top: 40px;
	margin-bottom: 10px;
}
	#row-nombre-resultats h3 {
		margin-top: 0;
	}
#second-col-recherche {
	padding: 0;
}

.sb-search {
	position: relative;
	margin-top: -5px;
	width: 0%;
	min-width: 34px;
	height: 34px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 34px;
	margin: 0;
	z-index: 10;
	/*padding: 20px 65px 20px 20px;*/
	padding: 2px 7px;
	font-size: 14px;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #81B4EA;
}

.sb-search-input:-moz-placeholder {
	color: #81B4EA;
}

.sb-search-input::-moz-placeholder {
	color: #81B4EA;
}

.sb-search-input:-ms-input-placeholder {
	color: #81B4EA;
}

.sb-icon-search,
.sb-search-submit  {
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 31px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #428BCA;
	z-index: 90;
	font-size: 18px;
	width: 34px !important;
	height: 34px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #215996;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}



/* Styles FICHE DETAIL SEJOUR */

/* Séjours similaires */
	#sejours-similaires {
		padding-top: 15px;
	}
	#sejours-similaires a img {
		max-height: 140px;
	}
	#sejours-similaires .infos {
		padding: 10px 5px 10px 20px;
	    font-size: 1rem;
	    text-transform: uppercase;
	    font-weight: 700;
	}
	#sejours-similaires .infos a, #sejours-similaires .infos a:hover, #sejours-similaires .infos a:active, #sejours-similaires .infos a:focus {
	    color: #858383;
	}
	#sejours-similaires .infos-titre {
		padding: 0px 5px 10px 20px;
	    color: #000;
	    font-weight: 400;
	    text-transform: capitalize;
	}

.thematiques-sejour {
	padding: 0 15px;
}

.back-container {
    background: none repeat scroll 0 0 #E5E3DB;
    border: 1px solid #E5E3DB;
    padding: 0 16px;
    font-size: 0.9em;
}
	.back-container .btn-back {
	    border-right: 1px solid #FFFFFF;
	    line-height: 26px;
	    padding: 8px 15px 8px 0;
	    color: #428BCA;	    
	}
	.back-container .change-search-header {
		padding: 11px 0;
	}
		.back-container .change-search-header .btn-search-fiche {
			padding-bottom: 0;
    		padding-top: 0;
    		font-size: 0.9em;
    		font-weight: 600;
		}
	.back-container .change-search-header span {
	    margin-right: 20px;
	}
	.back-container .panel-container {
		border-color: #BFBFBF;
	}
		.back-container .panel-container .panel-body {
			background-color: #fff;
		}
		.back-container .panel-container .btn-search-action {
			padding-bottom: 3px;
			margin-top: 1px;
    		padding-top: 3px;
    		font-size: 1.1em;
    		font-weight: 600;
		}



/**********************
**************************** CSS SEJOUR DESCRIPTION 
*******************************************************************/
#label-image {
	padding-bottom: 10px;
}
#sejour-description, #sejour-price {
	margin-top: 20px;
}
#sejour-price {
	margin-top: 0px;
}
.fiche-destination {
    line-height: 1.2em;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
	.fiche-destination h2 {
		margin-top: 0;
		margin-bottom: 0;
		display: inline-block;
		font-size: 15px;
	}
		.fiche-destination h2#sejour-activite {
			font-size: 16px;
    		text-transform:capitalize;
    		line-height: 1.5em;
		    color: #428bca;
		}

#sejour-description, #sejour-price, #sejour-infos-right {
	color: #555555;
}
	#sejour-price .feature-price {
		color: #333333;
    	text-align: right;
    	font-size: 16px;    	
	}
	#sejour-price .feature-price .current-price {
	    font-size: 24px;
	    line-height: 24px;
	    padding-left: 4px;
	    white-space: nowrap;
	}

/* SEJOUR DESCRIPTION RIGHT BLOC */

/* CONTACT */
	#bloc-contact {
		margin-bottom: 20px;
	    font-size: 0.7em;
	}
	.btn-contactez-nous {
		border-radius: 0 !important;
		background: none repeat scroll 0 0 #e85657;
		color: #f9f6e5;
		border: medium none;
	}
	.btn-page-reservation:hover, .btn-page-reservation:active, .btn-page-reservation:focus {
		color: #fff;
		background: none repeat scroll 0 0 #3E83BC;		
	}
	.btn-page-reservation {
		border-radius: 0 !important;
		background: none repeat scroll 0 0 #428bca;
		color: #f9f6e5;
		border: medium none;
	}
	.btn-contactez-nous:hover, .btn-contactez-nous:active {
		color: #f9f6e5;
		background: none repeat scroll 0 0 #D65151;		
	}
	#blocInformation {
		padding-top: 30px;
	}
	#blocInformation #row-contact {
		border-right: 1px solid #BABABA;
		min-height: 221px;
	}
	#blocInformation .content-comment {
		/*height: 400px;*/
	}
	#blocInformation #txt-info {
		letter-spacing: 2px;
		color: #d5bba4;
		font-size: 1.1em;
	}
	#blocInformation .content-contact {
		background: none repeat scroll 0 0 #fff;
		color: #555;
	}
	#blocInformation label {
	    color: #494949;
	    display: block;
	    font-weight: 500;
	    letter-spacing: 2px;
	    padding: 10px 0 0;
	}	
	
	#blocInformation input[type="email"], #blocInformation textarea {
	    background: none repeat scroll 0 0 transparent;
	    border: 1px solid #bfbfbf;
	    font-size: 17px;
	    font-weight: 300;
	    border-radius: 6px;
	    padding: 11px;
	    width: 100%;
	}
	#blocInformation input[type="email"]:focus, #blocInformation textarea:focus {
	    border-color: #428bca;
	    color: #000000;
	}
	#blocInformation input:focus {
	    outline: 0 none;
	}
	#blocInformation span#mail-info {
		font-size: 12px;
		color: #bfbfbf;
	}
	#blocInformation .btn-contact-envoi {
		border-radius: 0 !important;
		margin-top: 20px;
		background: none repeat scroll 0 0 #ba997b;
		color: #f9f6e5;
		letter-spacing: 1px;
		border: medium none;
		font-size: 1.3em;
		padding: 20px 0 20px 0;
	}
/* CONTACT */

#sejour-detail-col-1 {
	margin: 0 15px 0 15px;
}

#detail-description {
	font-size: 16px;
	color: #555;
	letter-spacing: 1px;
	padding: 15px 15px 15px 15px;
}

#sejour-detail-col-2 {
	margin-top: 20px;
}	

@media (min-width: 992px) {
	.modal-lg {
	    width: 900px;
	}

	.modal-page-reservation {
	    width: 450px;
	}
}

/******************CONTACT AGENCE ************************************/

#contact-info {
	font-weight: 300;
	color: #555555;
    font-size: 20px;
}
#contact-info #contact-titre {
	font-weight: 300;
}
#contact-info #contact-content {
	text-align: center;
}
	#contact-info #contact-content h3 {
		font-weight: 300;
		margin-top: 0;
	}
#contact-infos-perso {
	font-size: 15px;
}
	#contact-infos-perso .glyphicon {
		font-size: 12px;
		margin-right: 5px;
	}

#sejour-map {
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 20px;
}
	#sejour-map img {
		width: 100%;
	}
	#sejour-map .see-map {
	    background: none repeat scroll 0 0 #FFFFFF;
	    border-bottom-right-radius: 6px;
	    border-top-left-radius: 6px;
	    color: #026DC5;
	    font-size: 14px;
	    max-width: 90%;
	    margin-top: 1px;
	    padding: 8px;
	    position: absolute;
	    top: 0;
	    z-index: 1;
	}
#mapModal #map_canvas, .angular-google-map-container {
	width: 100%;
	height: 400px;
	background-color: #CCC;
}
	#mapModal #map_canvas img, .angular-google-map-container img { max-width: none; }

#sejour-infos-right {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 0 3px 0 3px;
}
	#titre-infos-label {
		font-size: 1.2em;
    	text-align: center;
    	background-color: #333;
    	color: #fff;
		border-radius: 6px 6px 0 0;
	}
		#titre-infos-label.date-et-prix {
			background-color: #fff;
			color: #555555;
		}
		.btn-infos-complementaire {
			background: none repeat scroll 0 0 #428bca;
			color: #fff !important;
			margin-bottom: 10px;
			font-size: 1em;
			width: 100%;
		}
		.btn-infos-complementaire:hover, .btn-infos-complementaire:active, .btn-infos-complementaire:focus {
			color: #fff;
			background: none repeat scroll 0 0 #3E83BC;		
		}
	#sejour-infos-right #sejour-infos-texte {
		padding: 0 12px 0 12px;
	}
		#sejour-infos-right #sejour-infos-texte #sejour-detail-libelleAS {
			border-radius: 2px;
		    font-size: 15px;
		    font-weight: 300;
		    padding-top: 4px;
		}
		#sejour-infos-right #sejour-infos-texte #sejour-detail-libelleTS {
			letter-spacing: 1px;
			padding-left: 0;
    		padding-right: 10px;
    		float: right;
		}
		#sejour-infos-right #sejour-infos-texte .infos-row {
			padding: 12px 0 12px 0;
		}
		#sejour-infos-right #sejour-infos-texte .infos-row {
			padding: 12px 0 12px 0;
		}
		#sejour-infos-right #sejour-infos-texte .row-list {
			border-top: 1px solid #DCDCDC;
		}
		#sejour-infos-right #sejour-infos-texte .infos-row .sejour-detail {
			font-size: 20px;
		}
			#sejour-infos-right #sejour-infos-texte .infos-row .sejour-detail .rating {
				font-size: 16px;
			    font-weight: normal;
			    float: right;
			}
				#sejour-infos-right #sejour-infos-texte .infos-row .sejour-detail .rating b {
				    font-size: 20px;
				    font-weight: normal;
				}
		.infos-row .sejour-liste-themes {
			font-size: 14px;
			text-align: right;	
		}

.sejour-fiche-documentation a, .sejour-fiche-documentation a.active, .sejour-fiche-documentation a.hover {
	color: #555555;
}

.datesEtPrix .sejour-detail span {
	font-size: 0.8em;
}

/* popup redirection page de réservation */
.modal-page-reservation, 
.modal-page-reservation .fiche-titre h1, 
.modal-page-reservation .fiche-destination h2#sejour-activite,
.modal-page-reservation .fiche-destination h2 {
	font-size: 13px;
}

.modal-page-reservation .modal-body {
	font-size: 1.3em;
	text-align: center;
}
.modal-page-reservation .modal-body #avertissement {
	color: #333333;
	padding-bottom: 20px;
}
.btn-page-resa-ok:hover, .btn-page-resa-ok:active, .btn-page-resa-ok:focus {
	color: #fff;
	background: none repeat scroll 0 0 #29AD38;		
}
.btn-page-resa-ok {
	margin-right: 10px;
	border-radius: 0 !important;
	background: none repeat scroll 0 0 #428bca;
	color: #f9f6e5;
	border: medium none;
}
.btn-page-resa-ko:hover, .btn-page-resa-ko:active, .btn-page-resa-ko:focus {
	color: #fff;
	background: none repeat scroll 0 0 #B54848;		
}
.btn-page-resa-ko {
	margin-right: 10px;
	border-radius: 0 !important;
	background: none repeat scroll 0 0 #D65151;
	color: #f9f6e5;
	border: medium none;
}

/* BLoc JOUR APRES JOUR */




/* GALERIE */
.slider {
    width: 100%;
    height: 460px;
    overflow: hidden;
    position: relative;
    background: #e6e6e6;
    margin-top: 20px;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
}
	img.slide {
    	width: 100%;
	}

.arrow {
    position: absolute;
    z-index: 1002;
    display: block;
    top: 50%;
    margin-top: -35px;
    width: 36px;
    height: 71px;
    outline: none;
    cursor: pointer;
    background: url(images/galerie/blank.gif) no-repeat;
}

.arrow.prev {
    opacity: 0.6;
    left: 20px;
    background-image: url(images/galerie/paddle_prev_fff.png);
    transition: 0.2s linear all;
}

.arrow.next {
    opacity: 0.6;
    right: 20px;
    background-image: url(images/galerie/paddle_next_fff.png);
    transition: 0.2s linear all;
}

.arrow.prev:hover {
    opacity: 1;
    background-image: url(images/galerie/paddle_prev_fff.png);
}

.arrow.next:hover {
    opacity: 1;
    background-image: url(images/galerie/paddle_next_fff.png);
}



/*---------------------------------------------------------
NAV
---------------------------------------------------------*/

.slider .nav {
    text-align: center;
    display: block;
    position: absolute;
    z-index: 1002;
    left: 0;
    bottom: -4px;
    right: 0;
    height: 48px;
}

.nonDraggableImage{
    -webkit-user-drag: none;
}

.slider .nav .wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 1em 0 .8em;
}

.slider .nav ul {
    margin: 0;
    width: 100%;
}

.slider .nav .dot, .slider .nav .dot a {
    display: inline-block;
    zoom: 1;
}

.dots .dot {
    position: relative;
    margin: 0 8px;
    width: 12px;
    height: 12px;
}

.dots .dot a {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

    background: #FFF;
    border: 1px solid transparent;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.25s, border-color 0.25s;
    -moz-transition: background-color 0.25s, border-color 0.25s;

    transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
}

.dots .dot a.active, .dots .dot a:hover {
    border-color: #FFF;
    background-color: transparent;
    transform: scale(1.4);
}


/* NAV STYLEE */
.svg-wrap {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
nav.nav-circleslide a {
    display: block;
    outline: medium none;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
nav.nav-circleslide a.prev {
    left: 0;
}
nav.nav-circleslide a.next {
    right: 0;
}
nav.nav-circleslide a svg {
    display: block;
    margin: 0 auto;
    padding: 0;
}
.nav-circleslide a {
    margin: 0 20px;
}
.nav-circleslide .icon-wrap {
    display: block;
    padding: 19px;
    position: relative;
    z-index: 100;
}
.nav-circleslide svg.icon {
    fill: #FFFFFF;
    transition: fill 0.3s ease 0s;
}
.nav-circleslide div {
    background-color: #566473;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: scale(0.7);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.1s ease 0s;
    width: 100%;
}
.nav-circleslide img {
    border-radius: 50%;
    display: block;
    transition: transform 0.3s ease 0s;
    width: 70px;
    height: 70px;
}
.nav-circleslide a.prev img {
    transform: translateX(-100%);
}
.nav-circleslide a.next img {
    transform: translateX(100%);
}
.nav-circleslide a:hover div {
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    transform: scale(1);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.1s ease 0.2s;
}
.nav-circleslide a:hover img {
    transform: translateX(0px);
}


/*********************************************************************************/
/* FOOTER STYLE 		                                                         */
/*********************************************************************************/
#footer {
	padding-top: 50px;
}
.footer-main {
    background-color: #1c1c1c;
    padding-bottom: 40px;
    position: relative;
    z-index: 9;
}
.footer-copyright {
	position: relative;
    z-index: 9;	
}
.footer-copyright, .footer-copyright a {
    background-color: #222222;
    color: #4d4d4d;
    font-size: 12px;
}
	.footer-copyright .container {
	    padding: 10px 0 10px 0;
	}
	.footer-copyright #reseau-sociaux {
		padding-top: 10px;
	    padding-top: 10px;
	}
		.footer-copyright #reseau-sociaux a {    
		    color: #fff;
		    margin: 0 10px;
		    text-decoration: none;
	    	font-size: 20px;
		}
		.footer-copyright #reseau-sociaux a:hover#fb {
		    color: #4862A3;
		}
		.footer-copyright #reseau-sociaux a:hover#gp {
		    color: #DD4B39;
		}
		.footer-copyright #reseau-sociaux a:hover#tw {
		    color: #55ACEE;
		}



.footer-main .footer-col {
	min-height: 150px;
}
#first-row {
	padding-top: 15px;
	text-align: center;
}
	#first-row h2 {
	    color: #fff;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 18px;
	    font-weight: 300;
	    padding-bottom: 10px;
	}
	#first-row #footer-desc {
	    color: #7e7e7e;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 14px;
	    font-style: italic;
	    padding-bottom: 30px;
	}

#footer-row-second  {
	padding-bottom: 30px;
}

#footer-row-second #second-col .col-content, #footer-row-second #third-col .col-content {
	text-align: left;
	margin-left: 10%;
}
#footer-row-trois #second-col {
	text-align: center;
}
.row-parts #first-col/*, .row-parts #second-col*/ {
	border-right: 2px solid rgb(51, 51, 51);
}

.row-parts .row, .row-parts .row-cell {
	color: #7e7e7e;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    line-height: 25px;
}

.row-parts h2 {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
}

#third-col {
	text-align: right;
}
#third-col #contact-footer span{
	color: #fff;
}

.footer-main a.dot:before {
    content: "• ";
    color: #fff;
}

a.dash:before {
    content: "- ";
}
a.dash {
    font-size: 13px;
    padding-left: 10px;
}
.footer-main a.dash:before {
    color: #fff;
}

.footer-main a {
    color: #7e7e7e;
    font-family: 'Open Sans',sans-serif;
    text-decoration: none;
}
.footer-main a:hover {
	color: #434343;
    font-family: 'Open Sans',sans-serif;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.footer-main input {
    background-color: transparent;
    border: 1px solid #484849;
    color: #7e7e7e;
    font-size: 14px;
    outline: medium none;
    padding: 10px 20px;
    text-align: center;
    width: 86%;
}

.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}



/*********************************************************************************/
/* ALERTES STYLE 		                                                         */
/*********************************************************************************/

.alertes-ss-titre {
	font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
}
.alertes-descriptions {
	font-size: 13px;
	font-weight: 300;	
}

/*********************************************************************************/
/* ERREUR FORMULAIRE STYLE 		                                                         */
/*********************************************************************************/

.help-block {
	color: #F23030;
	font-size: 11px;
}
.ng-invalid.input-block {
	border-color: #F23030;	
}
.ng-invalid.input-block.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(242, 48, 48, 0.6);
}

/*********************************************************************************/
/* IMG ROUNDED	 		                                                         */
/*********************************************************************************/

.circular img {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.logo img {
	min-width: 50px;
	max-width: 150px;
	max-height: 50px;
	margin-top: -32px;
}

img.desaturate {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}


/*********************************************************************************/
/* SITEMAP   	 		                                                         */
/*********************************************************************************/
#sitemap-maintitre, .sitemap-row {
	padding-bottom: 20px;
}
.sitemap-ssTitre {
    color: #444D52;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-left: 5px;
}
	a.sitemap-link {
		text-decoration: none;
		color: #444D52;
	}
	a.sitemap-link:hover {
		color: #428bca;
		transition: all 0.5s ease 0s;
	}
	a#sitemap-activite.sitemap-link {
		color: #fff;
	}
	a#sitemap-activite.sitemap-link:hover {
		color: #444D52;
	}
.sitemap-blocright {
	padding-left: 0px;
	padding-top: 3px;
}
	.sitemap-blocright #sejour-detail-libelleAS {
		font-size: 15px;
	}
	.sitemap-blocright #sitemap-agence {
		font-size: 15px;
	    font-weight: 400;
	    letter-spacing: 1px;
	    margin-left: 5px;
	}
.btn-sitemap {
	font-size: 18px;
    border: medium none;
    border-radius: 0 !important;
    color: #f9f6e5;
	
}
.btn-voir-sitemap {
    background: none repeat scroll 0 0 #389AA3;
}
.btn-voir-sitemap:hover, .btn-voir-sitemap:active, .btn-voir-sitemap:focus {
    background: none repeat scroll 0 0 #213E41;
    color: #f9f6e5;
}

.btn-generer-sitemap {
    background: none repeat scroll 0 0 #64DBE6;
}
.btn-generer-sitemap:hover, .btn-vogenererr-sitemap:active {
    background: none repeat scroll 0 0 #245F64;
    color: #f9f6e5;
}

/*********************************************************************************/
/* IMPORT SEJOURS   	 		                                                  */
/*********************************************************************************/
.label-import {
	border-radius: 0 !important;
	background: none repeat scroll 0 0 #213E41;
    color: #fff;
}
.label-import:hover, .label-import:active, .label-import:focus {
    color: #fff;
}
.btn-import {
	font-size: 18px;
    border: medium none;
    border-radius: 0 !important;
    color: #f9f6e5;
	
}
.btn-voir-import {
    background: none repeat scroll 0 0 #389AA3;
}
.btn-voir-import:hover, .btn-voir-import:active {
    background: none repeat scroll 0 0 #213E41;
    color: #f9f6e5;
}

.fileinput-button-import {
    overflow: hidden;
    position: relative;
}
.fileinput-button-import input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
#import-piecejointe {
	text-align: right;
	color: #213E41;
}

/*********************************************************************************/
/* RACCOURCIS SEJOUR    	 		                                             */
/*********************************************************************************/
#raccourcis-sejour {
	padding-bottom: 20px;
	text-transform: uppercase;
}
		#raccourcis-sejour ul li a {
		    text-decoration: none;
		}
		#raccourcis-sejour ul li a:hover {
		    color: #353535;
		    transition: all 0.5s ease 0s;
		}

/*********************************************************************************/
/* PLAN DU SITE         	 		                                             */
/*********************************************************************************/
#sitemap-page .bloc-links {
    background-color: #FFFFFF;
    padding: 0 3px 0 3px;
    margin: 20px 0px;
}
	#sitemap-page .bloc-links .fiche-sstitre {
		text-transform: none;
		font-size: 14px;
		font-weight: 600;
	}
	#sitemap-page .bloc-links .row-links {
	    margin-top: 5px;
	    padding-left: 5px;
	    font-size: 13px;
	}
		#sitemap-page .bloc-links .row-links p{
		    margin-bottom: 0px;
		}

		#sitemap-page .bloc-links .row-links p a.dot:before {
		    content: "• ";
		    color: #434343;
		}
		#sitemap-page .bloc-links .row-links p a {
		    color: #434343;
		    font-family: 'Open Sans',sans-serif;
		    text-decoration: none;
		}
		#sitemap-page .bloc-links .row-links p a:hover {
			color: #428bca;
		    font-family: 'Open Sans',sans-serif;
		    text-decoration: none;
		    transition: all 0.5s ease 0s;
		}

/*Nouvelle Recherche*/
.search-box {
	text-align: center;
	color: #888888;
}
.search-box button {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0;
    border-right: 2px solid #f0f0f0;
    border-width: 0 2px 0 0;
    box-shadow: none;
    color: #adadad;
    font-family: "Roboto Slab",serif;
    font-size: 11px;
    font-weight: 500;
    height: 50px;
    outline: medium none;
    text-transform: uppercase;
}
#text-recherche {
	color: #F4F4F4;
    font-size: 0.8em;
    font-weight: 500;
    text-align: left;
}
.two-btns {
	margin-top: 10px;
	margin-bottom: 15px;
}
tags-input .tags {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0;
    border-right: 2px solid #f0f0f0;
    border-width: 0 2px 0 0;
    box-shadow: none;
    outline: medium none;
    min-height: 38px;
    padding-top: 0px;
    padding-bottom: 0px;
}
tags-input .tags input {
	width: 150px;
    color: #adadad;
    font-weight: 500;
    font-size: 15px;
    font-family: "Roboto Slab",serif;
}


.search-box button {
	padding: 0 35px;
}
.search-box button#categorie-btn.btn-default:hover, 
.search-box button#categorie-btn.btn-default:focus, 
.search-box button#categorie-btn.btn-default:active, 
.search-box button#categorie-btn.btn-default.active,
.open .dropdown-toggle.btn-default
{
    color: #888888;
    background-color: #fcfcfc;
    border-color: none;
    border-right: 2px;
}
.search-box .btn-default .caret {
	border-top-color: #888888;
}
.search-box .search, .search-box .search:hover {
    background-color: #33b5e5;
    color: #ffffff;
    margin-left: -3px !important;
    border-right: 2px;
}
.two-btns a, .two-btns button {
    background: none repeat scroll 0 0 #33b5e5;
    border-color: #33b5e5;
    border-radius: 0;
    font-family: "Roboto Slab",serif;
    font-size: 1.5em;
    height: 43px;
    letter-spacing: 0.1em;
    line-height: 43px;
    margin-right: 18px;
    padding: 0 15px;
    text-transform: capitalize;
    transition: all 0.2s ease-in-out 0s;
}
.two-btns a:hover, .two-btns button:hover {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #cccccc;
}
.search-box .dropdown-menu {
    border-radius: 0;
    color: #aaaaaa;
    font-family: "Roboto Slab",serif;
    position: absolute !important;
    right: 0;
}
.search-box .dropdown-menu {
    background: none repeat scroll 0 0 #f9f9f9;
}
.search-box .dropdown-menu li a {
    color: #aaaaaa !important;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
}
.search-box .dropdown-menu li a {
    color: #777777 !important;
    font-family: "Roboto Slab",serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.search-box .dropdown-menu li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #33b5e5 !important;
}

/******  FRONT - Infos Soonpage ***************/
.cover{
    position: fixed;
    opacity: 1;
    background-color: rgba(0,0,0,.6);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.main {
	position: relative;
    z-index: 9;
}
.main .logo{
    color: #FFFFFF;
    font-size: 56px;
    font-weight: 300;
    position: relative;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);    
    z-index: 3;
}
.main #logo-description{
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    position: relative;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);    
    z-index: 3;
}
.main h1#titre1 {
    margin-top: 50px;
    margin-bottom: 0px;
}
.main h1#texte-soon {
    margin-top: 45px;
}
.main .logo.cursive{
    font-family: 'Grand Hotel',cursive;
    font-size: 82px;
    
}
.main .content{
    position: relative;
    z-index: 4;
}
.main .motto{
    min-height: 80px;
}
.main .motto p {
    
}
.main .motto, .main .subscribe .info-text{
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
}
.main .subscribe .info-text{
    font-size: 18px;
    margin-bottom: 30px;
}
.main .description {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
    z-index: 3;
}
.main .description p {
    padding-bottom: 10px;
}
.main .description strong {
    font-weight: 400;
}
.main .logo-responsive {
    height: auto;
    max-height: 62px;
    max-width: 520px;
    width: 100%;
}

/*  */
.teaser-fiche h2.labelH2 {
	color: #555555;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
}
.teaser-front h2.labelH2 {
	font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 1px;
    color: #4768af;
}

/* Listes Déroulantes Filtres */
.filtres-recherche label.filtre-label {
	color: #4768af;
    letter-spacing: 1.2px;
    font-weight: 400;
    font-size: 1.1em;
    text-transform: uppercase;
}
.multiSelect .button {
	border-radius: 0px !important;
	height: 55px !important;
	width: 100% !important;
	font-weight: 600;
}
.multiSelect .checkboxLayer {
	font-size: 0.9em;
	margin-right: 0px !important;
}
.multiSelect .multiSelectGroup:first-child, .multiSelect .multiSelectGroup:hover:first-child {
	border-width: 0;
    padding-right: 0;
    padding-top: 8px;

    background-color: #33b5e5 !important;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}
.multiSelect .multiSelectGroup:not(:first-child), .multiSelect .multiSelectGroup:hover:not(:first-child) {
	background-image: linear-gradient( #e9e9e9, #f1f1f1 ) !important;
	color: #000 !important;
}
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected
{
    background-image: none !important;
    background-color: #33b5e5 !important;

    color: #fff !important;
    cursor: pointer;        
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;    
    border-right: 1px solid #d9d9d9;            
}
.multiSelect .multiSelectItem {
	width: 100% !important;
}

/* page résultats recherche */
#body-resultats {
	background-color: #f5f5f5 !important;
}
.resultats-lignes {
	height: 45px !important;
}
.space-resultats-lignes {
	padding: 15px 0;
	border-color: rgba(220, 224, 224, 0.5);
    border-bottom: 1px solid rgba(220, 224, 224, 0.5);
}
.space-resultats-lignes:last-child {
	border-bottom: none;
}
#resultats-recherche {
	padding: 0 0 15px 0;
}
#resultats-filtres {
	padding: 0 10px;
	background-color: #fff;	
}
#resultats-recherche .tags {
	background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    color: #565a5c;
    height: 38px !important;
}
#resultats-recherche #text-recherche {
    color: #565a5c;
}
#resultats-recherche  label {
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
}
.popover {
	min-width: 200px !important;
}
tags-input .tags .tag-item {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 0;
    border: 1px solid #c4c4c4;
    color: #565a5c;
    cursor: default;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin: 3px 10px 0 0;
    padding: 4px 8px;
    white-space: nowrap;
}
tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font-size: 1.1em;
  color: #c4c4c4;
}
tags-input .tags .tag-item .remove-button:active {
  color: #333333;
}
.multiSelect .button {
	height: auto !important;
	/*height: 38px !important;*/
	padding: 0 !important;
	background-image: none !important;
	font-weight: 300;
}

#resultats-container, #infos-container {
	padding: 0 10px;
	border-top: 1px solid #dce0e0;
	background-color: #f5f5f5;
}
#resultat-cpt {
	padding: 15px 0;
	font-weight: 600;
}

/* ligne résumé séjours */
.img-responsive-height {
    height: 100%;
    width: auto;
}
.listing-img-container {
	cursor: pointer;
    z-index: 1;
}
.media-cover {
	background: none repeat scroll 0 0 #4a3753;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.listing-img {
    padding-bottom: 67%;
    overflow: hidden;
}
.panel-image {
    position: relative;
}
.panel-card-section {
    padding: 10px;
}
.panel-body {
    position: relative;
}
.listing-name {
    font-weight: normal;
    font-size: 16px;
    text-transform: capitalize;
}
.row-space-top-1 {
    margin-top: 6.25px;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-muted {
    color: #82888a;
    font-size: 14px;
}
.row-space-2 {
    margin-bottom: 12.5px;
}

/* Hover Image Sejour */
figcaption {
    backface-visibility: hidden;
    color: #fff;
    font-size: 1.25em;
    padding: 2em;
    text-transform: uppercase;
}
figcaption:before, figcaption:after {
    pointer-events: none;
}
figcaption, figcaption > a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
figcaption > a {
    font-size: 0;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap;
    z-index: 1000;
}
.effect-zoe figcaption {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    color: #3c4a50;
    height: 3.75em;
    padding: 15px 17px 17px 17px;
    top: auto;
    transform: translate3d(0px, 100%, 0px);
    transition: transform 0.35s ease 0s;
    z-index: 5;
}
.effect-zoe h2, .effect-zoe .agence-logo {
    float: left;
}
.effect-zoe p.icon-links a {
    color: #3c4a50;
    float: right;
    font-size: 1.3em;
}
.effect-zoe:hover p.icon-links a:hover, .effect-zoe:hover p.icon-links a:focus {
    color: #252d31;
}
.effect-zoe p.description {
    bottom: 8em;
    color: #fff;
    font-size: 90%;
    opacity: 0;
    padding: 2em;
    position: absolute;
    text-transform: none;
    transition: opacity 0.35s ease 0s;
}
.effect-zoe .lien-sejour {
    bottom: 4.5em;
    color: #fff;
    font-size: 90%;
    opacity: 0;
    padding: 15px 17px 17px 0;
    position: absolute;
    text-transform: none;
    transition: opacity 0.35s ease 0s;
    width: 100%;
    text-align: center;
}
	.effect-zoe .lien-sejour a {
	    border: 1px solid;
	    border-radius: 4px;
	    padding: 5px 20px;
	}
	.effect-zoe .lien-sejour a:hover {
	    background-color: rgba(0,0,0,0.5);
	}
.effect-zoe h2, .effect-zoe .agence-logo, .effect-zoe p.icon-links a {
	margin: 0;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.35s ease 0s;
}
.effect-zoe p.icon-links a span:before {
    display: inline-block;
    padding: 8px 10px;
}
.effect-zoe.sejour-select p.description, .effect-zoe:hover p.description,
.effect-zoe.sejour-select .lien-sejour, .effect-zoe:hover .lien-sejour {
	opacity: 1;
}

.effect-zoe.sejour-select .listing-img-container img, .effect-zoe:hover .listing-img-container img {
	opacity: 0.5;
}

.effect-zoe.sejour-select figcaption, .effect-zoe:hover figcaption,
.effect-zoe.sejour-select h2, .effect-zoe:hover h2,
.effect-zoe.sejour-select .agence-logo, .effect-zoe:hover .agence-logo,
.effect-zoe.sejour-select p.icon-links a, .effect-zoe:hover p.icon-links a
{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-zoe.sejour-select h2, .effect-zoe.sejour-select .agence-logo,
.effect-zoe:hover h2, .effect-zoe:hover .agence-logo
 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.effect-zoe.sejour-select p.icon-links a:nth-child(3),
.effect-zoe:hover p.icon-links a:nth-child(3),
 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.effect-zoe.sejour-select p.icon-links a:nth-child(2),
.effect-zoe:hover p.icon-links a:nth-child(2)
 {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.effect-zoe.sejour-select p.icon-links a:first-child,
.effect-zoe:hover p.icon-links a:first-child
 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
/* photo agence */
.card-profile-picture-offset {
    margin-bottom: -40px;
    position: relative;
    top: -50px;
}
.pull-right {
    float: right;
}
.media-photo {
	z-index: 2;
    backface-visibility: hidden;
    background-color: #cacccd;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
}
.img-round, .media-round {
    border: 2px solid #fff;
}
.card-profile-picture img {
    /*height: 56px;
    width: 56px;*/
}


/* New Home Page */
#body-home {
	background-color: #f5f5f5;
    color: #565a5c;
    font-size: 14px;
    line-height: 1.43;
}
.bloc-intro {
	height: 600px;
    position: relative;
}
.bloc-intro #galerie {
	bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
	#image-home {
		bottom: 0;
	    position: absolute;
	    width: 100%;
	}

.bloc-intro #zone-centrale {
	height: 550px;
    position: relative;
    top: 50px;
    width: 100%;
}
.va-container {
	display: table;
    position: relative;
    width: 100%;
    height: 100%;
}
.intro-titre {
	padding-bottom: 102px;
}
#phrase {
	text-transform: uppercase;
	margin-bottom: 6.25px;
	color: #fff;
	font-size: 60px;
    font-weight: 600;
}
#phrases {
	color: #fff;
	font-size: 18px;
}
.recherche-form {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    position: absolute;
    right: 0;
}
.form-container .tags {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 0px;
    color: #565a5c;
    height: 38px !important;
}
.form-container .input-container {
	width: 80%;
}
.form-container .btn {
	vertical-align: top;
	border-radius: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}
.form-container tags-input .host {
	margin: 0;
}

/* liste données home */
#infos-container #bloc-titre {
	margin: 50px 0 40px 0;
}

.home-page-responsive {
	margin-left: auto;
    margin-right: auto;
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.home-page-responsive::before, .home-page-responsive::after {
    content: " ";
    display: table;
}
.page-container::after, .home-page-responsive::after {
    clear: both;
}

.tuile-container {
	padding: 0 12px;
}
.tuile-element {
    background-color: #f5f5f5;
    background-position: center center;
    background-size: cover;
    position: relative;
    margin-bottom: 25px;
    height: 344px; /* specifique */
}

@media (min-width: 768px) {
	.home-page-responsive {
	    padding-left: 25px;
	    padding-right: 25px;
     	width: 745px;
	}
}
.home-page-responsive {
    width: auto;
}
@media (min-width: 1067px) and (max-width: 1199px) {
	#image-home {
	    bottom: 0;
	    position: absolute;
	    width: 100%;
	}
}
@media (max-width: 1067px) {
	#image-home {
	    bottom: 0;
	    position: absolute;
	    width: auto;
	    height: 100%;
	}
}
@media (min-width: 1100px) {
	.home-page-responsive {
	    width: 1045px;
	}
}